<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="css/semantic.min.css" />
	</head>


	<body>
		<!--导航-->
		<!-- ui inverted-片段   -->
		<nav class="ui inverted attached segment">
			<div class="ui inverted menu"></div>
			<div class="container">
				<div class="ui inverted secondary menu">
					<h2 class="ui teal header item">
						BLOG
					</h2>
					   <a href="" class="item"><i class="home icon">首页</i></a>
						<a href="" class="item"><i class="idea icon">分类</i></a>
						<a href="" class="item"><i class="tags icon">标签</i></a>
						<a href="" class="item"><i class="info icon">关于我</i></a>
				</div>
				
				
			</div>
		</nav>
		<!--中间内容-->
		<div>中间内容</div>
		<div class="ui button">登录</div>
		<!--底部-->
		<footer>底部</footer>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script type="text/javascript" src="js/semantic.min.js" ></script>
	</body>
</html>
